/** 引入colorUI   如不使用可注释 **/
@import "@/components/colorui/main.css";
@import "@/components/colorui/icon.css";
/** 引入uviewui   如不使用可注释 **/
@import "@/components/uview-ui/theme.scss";


/** 建议相似度极高的样式定义为全局样式，例如：按钮、顶部导航等 **/
/** 顶部导航栏背景色 **/
.bgcolor-bar{
	background-color: #007AFF;color:#343434;
}
/** 主背景色 **/
.bgcolor-main{
	background-color: #007AFF;color: #fff;
}
/* 通用背景色按钮 */
.btn-main{ 
	color: #fff; 
	background: linear-gradient(84deg, #7AC8F8, #6E92E3); 
	height: 88upx;
	line-height: 88upx;
	text-align: center; 
	font-size: 28upx; 
}
.btn-grey{
	color:#9a9a9a;
	background-color: #eeeeee; 
	height: 88upx;
	line-height: 88upx;
	text-align: center; 
	font-size: 28upx;  
}
/* 通用线性按钮 */
.btn-line{
	background-color: #fff;
	color:#007AFF;
	border:1upx solid #007AFF;
	border-radius: 5upx;
}

 /* 省略号 */
.ellipsis{
   white-space: nowrap;
   overflow:hidden;
   text-overflow:ellipsis;  
} 
/* 两行省略号 */
.ellipsis-2{ 
   overflow:hidden;
   text-overflow:ellipsis;  
   display:-webkit-box; 
   -webkit-box-orient:vertical;
   -webkit-line-clamp:2; 
 }
 /* 三行省略号 */
.ellipsis-3{ 
   overflow:hidden;
   text-overflow:ellipsis;  
   display:-webkit-box; 
   -webkit-box-orient:vertical;
   -webkit-line-clamp:3; 
}
.hide{
	display: none;
}


.inline{
	display: inline-block;vertical-align: top;
}
.inline-flex{
	display: inline-flex;vertical-align: top;
}
.flex{
	display: flex;
}
.flex-1{
	flex:1;
}
.flex-2{
	flex:2;
}
.flex-3{
	flex:3;
}
.flex-4{
	flex:4;
}
.flex-5{
	flex:5;
}
.flex-6{
	flex:6;
}
.flex-7{
	flex:7;
}
.flex-8{
	flex:8;
}
.flex-9{
	flex:9;
}
.flex-10{
	flex:10;
}

.not-button{
   padding:0; 
   border:0; 
   font-size: 28upx;
   font-weight: normal; 
   box-sizing:initial;
   text-align:center;
   text-decoration:initial; 
   -webkit-tap-highlight-color:initial;
   overflow:initial; 
   position: initial;
}
.not-button::after{
   border: none;
   display: none;
} 
.not-button:not([size='mini']) { 
	
}
 
/* 颜色变量 */

/* 行为相关颜色 */
$uni-color-primary: #007aff;
$uni-color-success: #4cd964;
$uni-color-warning: #f0ad4e;
$uni-color-error: #dd524d;

/* 文字基本颜色 */
$uni-text-color:#333;//基本色
$uni-text-color-inverse:#fff;//反色
$uni-text-color-grey:#999;//辅助灰色，如加载更多的提示信息
$uni-text-color-placeholder: #808080;
$uni-text-color-disable:#c0c0c0;

/* 背景颜色 */
$uni-bg-color:#ffffff;
$uni-bg-color-grey:#f8f8f8;
$uni-bg-color-hover:#f1f1f1;//点击状态颜色
$uni-bg-color-mask:rgba(0, 0, 0, 0.4);//遮罩颜色

/* 边框颜色 */
$uni-border-color:#c8c7cc;

/* 尺寸变量 */

/* 文字尺寸 */
$uni-font-size-sm:24rpx;
$uni-font-size-base:28rpx;
$uni-font-size-lg:32rpx;

/* 图片尺寸 */
$uni-img-size-sm:40rpx;
$uni-img-size-base:52rpx;
$uni-img-size-lg:80rpx;

/* Border Radius */
$uni-border-radius-sm: 4rpx;
$uni-border-radius-base: 6rpx;
$uni-border-radius-lg: 12rpx;
$uni-border-radius-circle: 50%;

/* 水平间距 */
$uni-spacing-row-sm: 10px;
$uni-spacing-row-base: 20rpx;
$uni-spacing-row-lg: 30rpx;

/* 垂直间距 */
$uni-spacing-col-sm: 8rpx;
$uni-spacing-col-base: 16rpx;
$uni-spacing-col-lg: 24rpx;

/* 透明度 */
$uni-opacity-disabled: 0.3; // 组件禁用态的透明度

/* 文章场景相关 */
$uni-color-title: #2C405A; // 文章标题颜色
$uni-font-size-title:40rpx;
$uni-color-subtitle: #555555; // 二级标题颜色
$uni-font-size-subtitle:36rpx;
$uni-color-paragraph: #3F536E; // 文章段落颜色
$uni-font-size-paragraph:30rpx;